干掉visio,这个画图神器真的绝了!!!
The following article is from 苏三说技术 Author 苏三呀
作者丨苏三呀
文末送书!!!
前言
看过我以往文章的小伙伴可能会发现,我的大部分文章都有很多配图。我的文章风格是图文相结合,更便于大家理解。
最近有很多小伙伴发私信问我:文章中的图是用什么工具画的。他们觉得我画的图风格挺小清新的,能够让人眼前一亮。
先上几张图让大家看看效果:
今天特地写一篇介绍画图工具的文章,给有需要的朋友一个参考。
1. 用什么画的图?
对于画流程图的工具,之前大家用得比较多的可能是:visio
和process on
了。
visio
是微软的一款画图软件,需要在电脑上安装,正版软件是付费的,但网上也可以搜到很多破解版。它是我用过的最早的画流程图工具了,后面使用mac电脑办公之后,就没有用过它了,之前觉得它跨电脑办公有点不方便。
process on
是一款免费在线画图工具,功能非常强大。除了常规的各种流程图之外,对于思维导图支持也非常友好。但有个缺点是只能免费保存最近9张图,想保留更多的图,需要付费升级。
前面的两款画图工具,说到底还是收费的,对于喜欢白嫖的我们来说,有点无法接受。那么,有没有一款免费、在线、功能强大的画流程图的工具呢?
答:有,可以使用:diagrams
。
没错,我文章中的图都是用diagrams
画出来的,也可以叫它:draw.io
,它已经成为了我画图首选工具。
这款画图工具的官网地址是:https://app.diagrams.net/,它的前身是:https://draw.io/。这两个url都能访问。
同时它也提供了离线版的画图软件,大家可以自己下载diagrams的安装软件,不过有个坏处是它是收费的。
所以,我用的最多的还是在线版的。
2. 如何进入画图界面?
从上面已经知道,我的文章都是用diagrams
画流程图的。
但如何进入diagrams的画图界面呢?
在浏览器上输入diagrams的官网地址,我平时喜欢输入:https://draw.io/
,因为它比较好记。
第一次访问的时候有点慢,因为它要初始化一些东西。
接下来,会弹出一个窗口,让我们选择画的图,需要保存到哪里。
OneDrive:即云 Device:即设备 Github Gitlab
我目前为了图方便,用的最多的是Device
,它可以把画的图保存到本地电脑,也可以从本地电脑导入已有的图。
其实如果可以的话,把图保存到Github
,也是个不错的选择。
接下来,会弹出一个窗口,让你选择是Create New Diagram(创建新流程图),还是选择Open Existing Diagram(打开已有的流程图)。
然后,进入了画流程图的主界面:
3 画图界面的组成部分
diagrams的工作界面主要是由以下几个部分组成:Untitled Diagram.drawio
这几个字,会弹出如下窗口:.drawio
格式的。
下面用一张图总结一下,diagrams的工作界面主要组成部分:
3.1 菜单栏
File
菜单:包含了一系列的文件操作,包括:新建、打开文件、打开最近的文件、保存文件、另存为文件、分享文件、重命名、拷贝文件、导入、导出、打印、关闭等。Edit
菜单:包含了一系列工作区的操作,包括:回退、撤回、剪切、复制、粘贴、删除、查找、替换、编辑、编辑属性、选择、全选等。View
菜单:包含了一系列的视图操作,包括:恢复默认布局、大纲视图、图层、标签、网格、滚动条、全屏等。Arrange
菜单:包含了一系列图形排列操作,包含:在前面、在后面、插入图形、对齐等。Extras
菜单:包含了一系列额外的操作,包含:主题、展开、收缩、插件、编辑画图区、配置等。Help
菜单:主要包含一系列全局的操作,包含:搜索、快捷键、关于等。
3.2 工具栏
这些功能真的太实用了。
3.3 左边图形区
这个区域可以选择我们画图时,需要的图形,默认有这7类图形。
IOS
类的图形。
我个人喜欢使用General
类的图形:
里面常用的图形都有,画一般的流程图是够用的。当然你也可以根据个人喜欢,选择更多的类型画图。
3.4 画图区
你可以在左边的图形区选择好图形之后,用鼠标拖到画图区。也可以直接在画图区复制已有的图形。
还可以加网格:
右键空白的地方,会出现一些操作选项:
右键某个具体图形,会出现一些图形相关的选项:
3.5 右边样式区
选择的图形,在画图区默认是这样的:
对于文本样式也有挺多功能可以设置的:
3.6 底部
底部主要展示的是每页的名称。
点击左侧三个点:
点击右侧的加号:
我们每次画图需要在某个页面上操作。但如果你需要画的图很多,可以使用页进行归类,方面今后维护。不太建议,一页上画的图太多,不然画图时会非常卡。
总结
本文主要介绍了diagrams画图工具,它是一款免费的在线画图工具,也叫做draw.io。它的功能非常强大,包括:菜单栏、工具栏、左边图形区、画图区、右边样式区、底部等。
同时还介绍了如何进入画图区。
当然本文只是抛砖引玉,给大家介绍了diagrams的一小部分功能。它的强大之处,需要大家自己多动手摸索。
下面用一张图给大家展示一下,我是如何使用diagrams画图的:
end
关注公众号👇👇👇留言的朋友均有机会获得书籍呦~
今日书单 | 包邮送
推荐理由:本书的宗旨是:帮助读者全面掌握Vue.js全家桶技术、掌握单页面前后端分离项目开发,并知其所以然,理解MVVM框架思想;让不会前端的后端开发人员,快速精通Vue.js全家桶技术。
推荐理由:本书首先介绍算法的概念和特点,然后介绍数据结构,再逐步深入介绍各类算法,通过解决实际问题加深理解。本书选取了近年来比较热门的语言Python作为载体,来实现算法的功能。这不但可以让读者系统地学习算法的相关知识,而且还能提高读者对Python语言的应用水平。推荐理由:本书主要讲解数据分析与大数据处理所需的技术、基础设施、核心概念、实施流程。从编程语言准备、数据采集与清洗、数据分析与可视化,到大型数据的分布式存储与分布式计算,贯穿了整个大数据项目开发流程。本书轻理论、重实践,目的是让读者快速上手。推荐理由:本书的写作初衷是为了帮助更多功能测试人员转型自动化测试方向。在转型过程中,主流自动化测试技术和应用场景的结合是非常重要的一环。本书从自动化测试理论入手,全面地阐述自动化测试的意义及实施过程。活动规则:我们将从关注我们的精选留言中随机抽取 8名 小伙伴赠书,中奖者可在上方书单中任选一本图书,我们包邮赠送。书籍有限,每样2本,中奖后先选先得。
内容与本文核心信息相关 & 想要的书籍名称
每人仅限精选一条留言(用心留言更容易上墙)
为了大家都有机会中奖,每个小伙伴每个星期只能中一次奖哦~
每天 17:30 不见不散!
4、被狂喷数月后,Windows终于可以一键切换默认浏览器了
点分享
点点赞
点在看